/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 20, 2015, 12:05:52 PM
    Author     : SHEBIN
*/


.grid-view-loading {
    background: url("loading.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.grid-view {
    padding: 15px 0;
}
.grid-view table.items {
    background: none repeat scroll 0 0 white;
    border: 1px solid #d0e3ef;
    border-collapse: collapse;
    width: 100%;
}
.grid-view table.items th, .grid-view table.items td {
    border: 1px solid white;
    font-size: 0.9em;
    padding: 0.3em;
}
.grid-view table.items th {
    background: repeat-x scroll left top #666;
    color: white;
    text-align: center;
}
.grid-view table.items th a {
    color: #eee;
    font-weight: bold;
    text-decoration: none;
}
.grid-view table.items th a:hover {
    color: #fff;
}
.grid-view table.items th a.asc {
    background: url("up.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 10px;
}
.grid-view table.items th a.desc {
    background: url("down.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 10px;
}
.grid-view table.items tr.even {
    background: none repeat scroll 0 0 #f7f7f7;
    height: 35px;
}
.grid-view table.items tr.odd {
    background: none repeat scroll 0 0 white;
    height: 35px;
}
.grid-view table.items tr.selected {
    background: none repeat scroll 0 0 #e6e5e5;
}
.grid-view table.items tr.selected:hover {
    background: none repeat scroll 0 0 #e6e5e5;
}
.grid-view table.items tbody tr:hover {
    background: none repeat scroll 0 0 #e6e5e5;
}
.grid-view .link-column img {
    border: 0 none;
}
.grid-view .button-column {
    text-align: center;
    width: 60px;
}
.grid-view .button-column img {
    border: 0 none;
}
.grid-view .checkbox-column {
    width: 15px;
}
.grid-view .summary {
    margin: 0 0 5px;
    text-align: right;
}
.grid-view .pager {
    margin: 5px 0 0;
    text-align: right;
}
.grid-view .empty {
    font-style: italic;
}
.grid-view .filters input, .grid-view .filters select {
    border: 1px solid #ccc;
    width: 100%;
}

/*detail view*/
table.detail-view tr.odd {
    background: none repeat scroll 0 0 #f7f7f7 !important;
}